const reportWebVitals = onPerfEntry => {
  if (onPerfEntry && onPerfEntry instanceof Function) {
    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
      getCLS(onPerfEntry);
      getFID(onPerfEntry);
      getFCP(onPerfEntry);
      getLCP(onPerfEntry);
      getTTFB(onPerfEntry);
    });
  }
};

export default reportWebVitals;

// React项目中的reportWebVitals文件是用来报告Web性能指标的。这个文件是在CRA（Create React App）的脚手架升级后，在项目根目录下增加的。它导入了一个名为'web-vitals'的库，并使用这个库的函数来获取和报告Web性能指标，如CLS（Cumulative Layout Shift）、FID（First Input Delay）、FCP（First Contentful Paint）、LCP（Largest Contentful Paint）以及TTFB（Time to First Byte）。这些指标都与网页的加载速度和用户交互体验密切相关。

// 具体来说：

// CLS（Cumulative Layout Shift）是累计布局偏移，指的是网页布局在加载期间的偏移量，如果网页在加载过程中布局跳动，用户体验会变差。
// FID（First Input Delay）是首次输入延迟，指的是从用户首次与网页互动（点击链接、按钮等）到浏览器响应此次互动直接的时间，这个指标用于判断网页进入互动状态的时间。
// FCP（First Contentful Paint）是首次内容绘制，指的是从用户请求网址到窗口中渲染最大可见内容所需要的事件，最大可见内容通常是图片或者视频，或者大块的文本。
// LCP（Largest Contentful Paint）是最大内容渲染时间，也是指从用户请求网址到窗口中渲染最大可见内容所需要的事件。
// TTFB（Time to First Byte）是首字节到达的时间点，指的是浏览器从发送请求到接收到服务器响应第一个字节的时间。
// 因此，reportWebVitals文件的引入和使用有助于开发者更好地监控和改进网页的性能。
